<!DOCTYPE html>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page session="false"%>
<html lang="en">
    <%
        HttpSession session = request.getSession(true);
        String user = (String) session.getAttribute("user");
    %>
    <!--begin head-->
    <head>
        <meta charset="utf-8">
        <title>Peaches RealEstate</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- set content to full screen on iphones -->
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="description" content="">
        <meta name="author" content="">

        <!--[if lte IE 6]>
                    <link rel="stylesheet" href="//universal-ie6-css.googlecode.com/files/ie6.1.1.css" media="screen, projection">
                <![endif]-->

        <!--[if !lte IE 6]><!-->
        <!-- Load Google Web Font -->
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700'
              rel='stylesheet' type='text/css'>
        <!-- Load style.css: contains all css files concatenated to one single file -->
        <link href="../resources/css/style.css" rel="stylesheet">
        <!--<![endif]-->

        <!-- Load HTMLShiv for IE9 HTML5 support -->
        <!--[if lt IE 9]
                                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
                        <![endif]-->

        <!-- Your Favoriate Icons -->
        <link rel="shortcut icon" href="resources/ico/favicon.ico">
        <link rel="apple-touch-icon-precomposed" sizes="144x144"
              href="../resources/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114"
              href="../resources/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72"
              href="../resources/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed"
              href="../resources/ico/apple-touch-icon-57-precomposed.png">

        <!--
                                NOTE: All the javascripts have been moved to the bottom of the page to load the content faster.
        -->
        <style type="text/css">
        </style>
    </head>
    <!--end head-->

    <!--begin body-->
    <body onload='document.f.j_username.focus();'>
        <header>
            <!--logo area start-->
            <div class="logo-area">
                <span id="logo"></span>
            </div>
            <!--end logo area-->

            <!--nav bar start-->
            <nav class="navbar">
                <div class="navbar-inner">
                    <div class="container">
                        <!--mobile nav icon (hidden:CSS)-->
                        <a class="btn btn-navbar" data-toggle="collapse"
                           data-target=".nav-collapse"> menu </a>
                        <!--end btn-navbar-->
                        <div class="nav-collapse">
                            <ul class="nav">
                                <li><a href="/Autopista/inicio">Inicio</a></li>
                                <li><a href="/Autopista/buscar">Buscar vehiculos</a></li>
                                <li><a href="/Autopista/buscar">Ofertas</a></li>
                                <li><a href="/Autopista/contacto">Contacto</a></li>
                                <li class="active"><a href="/Autopista/login">Login</a></li>
                                    <%
                                        if (user != null) {
                                    %>
                                <li><a href=""><%=user%> </a> <a
                                        href="<c:url value="/j_spring_security_logout" />"> Logoff</a></li>
                                    <%
                                        }
                                    %>
                            </ul>


                        </div>
                        <!-- end nav-collapse -->
                    </div>
                    <!-- end container-->
                </div>
                <!-- end navbar-inner -->
            </nav>
            <!--end nav bar-->

        </header>



        <section id="main">
            <legend> Agregar Nuevo Vehiculo </legend>
            <form method="get" action="/Autopista/vehiculo/loadVehiculo" id="contact-form" class="form-horizontal"
                  nctype="multipart/form-data" commandName="fileFormBean">
                <fieldset>

                    <div class="control-group">
                        <label class="control-label" for="name">Titulo de la
                            Publicacion</label>
                        <div class="controls">
                            <input type="text" class="input-xlarge" name="titulo" id="titulo">
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label">Tipo de Vehiculo</label>
                        <div class="controls">
                            <select id="tipo" name="tipo" class="input-xlarge">
                                <option value="" selected="selected">Elije un Tipo de
                                    Vehiculo</option>
                              
                            </select>
                        </div>
                    </div>

					<div class="control-group">
                        <label class="control-label">Marca</label>
                        <div class="controls">
                            <select id="marca" name="marca" class="input-xlarge">
                                <option value="" selected="selected">Elije Marca</option>
                               
                            </select>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Modelo</label>
                        <div class="controls">
                            <select id="modelo" name="modelo" class="input-xlarge">
                                <option value="" selected="selected">Elije un Modelo</option>
                                
                            </select>
                        </div>
                    </div>
                    
                    <!-- region input-->
                    <div class="control-group">
                        <label class="control-label">Anio</label>
                        <div class="controls">
                            <input id="anio" name="anio" type="text"
                                   placeholder="state / province / region" class="input-xlarge">
                            <p class="help-block"></p>
                        </div>
                    </div>

                    <!-- region input-->
                    <div class="control-group">
                        <label class="control-label">Kilometraje</label>
                        <div class="controls">
                            <input id="kilometraje" name="kilometraje" type="text"
                                   placeholder="state / province / region" class="input-xlarge">
                            <p class="help-block"></p>
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label">Transmision</label>
                        <div class="controls">
                            <select id="transmision" name="transmision" class="input-xlarge">
                                <option value="" selected="selected">Elije Transmision</option>
                            </select>
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label">Combustible</label>
                        <div class="controls">
                            <select id="combustible" name="combustible" class="input-xlarge">
                                <option value="" selected="selected">Tipo Combustible</option>
                            </select>
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label" for="message">Descripcion del
                            Vehiculo</label>
                        <div class="controls">
                            <textarea class="input-xlarge" name="descripcion" id="descripcion"
                                      rows="3"></textarea>
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label">Precio</label>
                        <div class="controls">
                            <div class="row-fluid">
                                <div class="span3">
                                    <input name="precio" type="text" class="input-block-level"
                                           autocomplete="off" maxlength="7" minlength="3"
                                           title="debe llenar este campo" required>
                                </div>
                                <div class="span8">
                                    <!-- screenshot may be here -->
                                </div>
                            </div>
                        </div>
                    </div>



                    <div class="form-actions">
                        <button type="submit" class="btn btn-primary btn-large">Siguiente</button>
                        <button type="reset" class="btn">Cancel</button>
                    </div>

                </fieldset>
            </form>
        </section>
        <footer>
            <div class="container-fluid">
                <div class="row-fluid">
                    <div class="span12 contact-info">
                        <span class="span9"> AutoPista - Todos los derechos
                            reservados • <a href="mailto:info@switz.mx"> info@switz.mx</a>
                        </span>

                        <ul class="span3 social-network">
                            <li><a href="javascript:void(0)"><i
                                        class="icon-linkedin-sign"></i></a></li>
                            <li><a href="javascript:void(0)"><i
                                        class="icon-pinterest-sign"></i></a></li>
                            <li><a href="javascript:void(0)"><i
                                        class="icon-twitter-sign"></i></a></li>
                            <li><a href="javascript:void(0)"><i
                                        class="icon-facebook-sign"></i></a></li>
                            <li><a href="javascript:void(0)"><i
                                        class="icon-google-plus-sign"></i></a></li>
                        </ul>

                    </div>
                    <div class="clearfix"></div>
                </div>
                <!-- end .row-fluid -->
            </div>
            <!-- end .container-fluid -->
        </footer>
        <!-- end footer -->

        <!--[if !lte IE 6]><!-->
        <!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
        <script
        src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
        <script>
        window.jQuery
                || document
                .write('<script src="../resources/js/libs/jquery.min.js"><\/script>')
        </script>
        <script
        src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <script>
        window.jQuery.ui
                || document
                .write('<script src="../resources/js/libs/jquery.ui.min.js"><\/script>')
        </script>

        <!-- RECOMMENDED: For (IE6 - IE8) CSS3 pseudo-classes and attribute selectors -->
        <!--[if lt IE 9]> 
                <script src="resources/js/include/selectivizr.min.js"></script> 					
             <![endif]-->

        <script src="../resources/js/libs/jquery.ui.touch-punch.min.js"></script>
        <!-- REQUIRED:  A small hack that enables the use of touch events on mobile -->

        <!-- Add 'http:' for testing locally -->
        <script src="http://maps.google.com/maps/api/js?sensor=true"
        type="text/javascript"></script>

        <script src="../resources/js/menu/jquery.ct.3LevelAccordion.min.js"></script>
        <!-- REQUIRED: Accordion Menu with filter-->
        <script
        src="../resources/js/slider/jquery.responsivethumbnailgallery.min.js"></script>
        <!-- REQUIRED: Responsive Gallery Plugin -->
        <script src="../resources/js/slider/jquery.onebyone.min.js"></script>
        <!-- REQUIRED: Slider Plugin -->
        <script src="../resources/js/slider/jquery.touchwipe.min.js"></script>
        <!-- REQUIRED: Plugin to make Slider Plugin work on Touch Devices -->
        <script src="../resources/js/slider/jquery.onebyone.min.js"></script>
        <!-- REQUIRED: Slider Plugin -->
        <script src="../resources/js/slider/jquery.touchwipe.min.js"></script>
        <!-- REQUIRED: Plugin to make Slider Plugin work on Touch Devices -->

        <script src="../resources/js/include/jquery.fitvids.min.js"></script>
        <!-- RECOMMENDED: Responsive videos -->
        <script src="../resources/js/include/jquery.tweet.min.js"></script>
        <!-- OPTIONAL: Twitter display plugin -->
        <script src="../resources/js/include/jquery.equal-heights.min.js"></script>
        <!-- RECOMMENDED: Plugin to keep div heights consistant -->
        <script src="../resources/js/include/jquery.todo.min.js"></script>
        <!-- REQUIRED: Plugin to save "add to short list" items -->
        <script src="../resources/js/include/jquery.pubsub.min.js"></script>
        <!-- REQUIRED: (If todo.js is in use) Dependent with todo.js -->
        <script src="../resources/js/include/jquery.select2.min.js"></script>
        <!-- RECOMMENDED: Custom jQuery/searchable dropdowns -->
        <script src="../resources/js/include/bootstrap.min.js"></script>
        <!-- REQUIRED: For BootStrap build -->
        <script src="../resources/js/libs/jquery.validate.min.js"></script>
        <script src="../resources/js/config.js"></script>
        <!-- DO NOT REMOVE: Contains major plugin initiations and functions -->
        <script src="../resources/js/vehiculo/catalogo.js"></script> <!-- NO REMOVER : Contiene los metodos para la obtencion de los catalogos referentes al vehiculo -->
        <script src="../resources/js/vehiculo/validacion.js"></script>
        <!--<![endif]-->
        
    </body>
</html>